@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus="this.blur"())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus="this.blur"())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none} 
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#666}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:12px;color:#000;}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1;}
/*初始化*/
.wrap{ width: 1110px; margin: 0 auto;}


/*header*/
.header{ background-color: #fff; width: 100%;}
.header .top{ width: 100%; height: 35px; background-color:#d50a08;}
.header .top h3{ float: left;font-size: 13px; color: #fff; line-height: 35px;}
.header .top p{ float: right; height: 35px;}
.header .top p a{ float: left; width: 96px; height: 35px; line-height: 35px; font-size: 13px; color: #fff; background: url(icon_1.png) no-repeat left center; text-align: center;}
.header .top p a:first-child{ background: none;}
.header .top p a:hover{ color: #37bdf2;}
.header .top h4{ float: right; height: 35px;}
.header .top h4 a{display: block; width: 106px; height: 35px; line-height: 35px; font-size: 13px; color: #fff; text-align: right;}
.header .top h4 a em{ background: url(icon_2.png) no-repeat right center; display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; width: 14px; height: 8px;}
.header .menu{ height: 114px;}
.header .menu .logo{ height: 114px;vertical-align: middle; display: table;}
.header .menu .logo a{ width: 427px; display: table-cell; vertical-align:middle; text-align:center; *display: block; *font-size: 95px;*font-family:Arial;}
.header .menu .logo img{ vertical-align: middle;}
.header .menu .nav{height: 114px;position:relative; width:670px; overflow:hidden;}
.header .menu .nav li{ float: left; margin-left: 15px; width: 68px;}
.header .menu .nav li:first-child{ padding-left: 0;}
.header .menu .nav li a{ width: 100%; line-height: 114px; font-size: 15px; color: #6f6f6f; display: block;text-align: center;}
.header .menu .nav li a:hover,.header .menu .nav li.on a{ background: url(icon_23.png) no-repeat center 95px; color: #37BDF2;}
.header .menu .nav .block{height:2px;width:68px;background:#37bdf2;position:absolute;left:0;bottom: 0;overflow:hidden;}

/*banner*/
.banner{ width:100%;  position:relative;  height:551px; background:#000; overflow: hidden;}
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;}
.banner .bd ul{ width:100% !important;}
.banner .bd li{ width:100% !important;  height:551px; overflow:hidden; text-align:center;}
.banner .bd li a{ display:block; height:551px; }
.banner .hd{ width: 100%; position:absolute; bottom: 26px;height: 16px; line-height: 16px; z-index: 999; text-align: center;}
.banner .hd ul{ text-align:center;}
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width: 16px; height: 16px; margin:0 5px;background: url(icon_3.png) no-repeat -18px 0;overflow:hidden;line-height:9999px;}
.banner .hd ul .on{background-position: 0 0;}

/*footer*/
.footer{ margin-top: 10px;}
.footer .footer1{ width: 100%; height: 144px; background-color: #1c1c1c;}
.footer .subnav{ background: url(icon_4.png) no-repeat 20px center;height: 144px; }
.footer .subnav li{ float: left; background: url(icon_1.png) no-repeat left center; line-height: 144px; padding: 0 15px;}
.footer .subnav li:first-child{ background: none; padding-left: 0;}
.footer .subnav li a{ font-size: 14px; color: #fff; display: block;}
.footer .subnav li a:hover{ color: #37bdf2;}
.footer .lxwm{ background: url(icon_5.png) no-repeat left center; height: 50px; padding-left: 54px; margin-top: 50px;}
.footer .lxwm h4{ font-size: 20px; color: #fff; font-weight: bold; line-height:50px;}
.footer .lxwm h5{ font-size: 14px; color: #666; font-weight: bold;}
.footer .footer2{ width: 100%; height: 85px; background-color: #fff; text-align:center;}
.footer .copyRight{ height: 55px; line-height: 40px;}
.footer .copyRight span{font-size: 13px; color: #787878;}
.footer .copyRight a.fr{font-size: 13px; color: #787878;}

/*index*/
.index1{width: 100%;background-color: #fafafa; padding: 55px 0 60px 0;}
.index1 .index1-main{ height: 334px;}
.index1 .index1-main div.fl{ background-color: #fff; height: 334px; width: 828px;}
.index1 .index1-main div.fl li{ width: 33.33%; height: 334px; background:url(icon_9.png) no-repeat left center;float: left;}
.index1 .index1-main div.fl li:first-child{ background: none;}
.index1 .index1-main div.fl li h4{ width: 100%; height: 213px;} 
.index1 .index1-main div.fl li h5{ font-size: 22px; color: #333; text-align: center; padding-bottom: 17px;}
.index1 .index1-main div.fl li p{ font-size: 13px; color: #888; padding: 0 26px;text-align: center; line-height: 24px;}
.index1 .index1-main div.fl li.a1 h4{ background: url(icon_6.png) no-repeat center;}
.index1 .index1-main div.fl li.a2 h4{ background: url(icon_7.png) no-repeat center;}
.index1 .index1-main div.fl li.a3 h4{ background: url(icon_8.png) no-repeat center;}
.index1 .index1-main div.fr{ height: 334px; width: 220px; background: #d50a08 url(icon_10.png) no-repeat right bottom; padding: 0 20px;}
.index1 .index1-main div.fr h3{ font-size: 40px; color: #fff; border-bottom: 1px solid #fff; font-weight: 100; line-height: 94px;}
.index1 .index1-main div.fr p{ font-size: 14px; color: #fff; line-height: 24px; margin-top: 12px;}
.index2{width: 100%;background-color: #fff; padding: 66px 0 30px 0;}
.index2 .index2-main .fl{ width: 238px; height: 430px; background:#fafafa url(icon_11.png) no-repeat 5px 210px; padding: 0 20px;}
.index2 .index2-main .fl h3{ font-size: 40px; color: #1c1c1c; border-bottom: 1px solid #e1e1e1; font-weight: 100; line-height: 94px;}
.index2 .index2-main .fl p{ font-size: 14px; color: #797979; line-height: 24px; margin-top: 12px;}
.index2 .index2-main .fl h5{ line-height: 30px;}
.index2 .index2-main .fl h5 a{ font-size: 14px; color: #37bdf2;}
.index2 .index2-main .fl h5 a em{background: url(icon_12.png) no-repeat right center; width: 20px; height: 16px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle; }
.index2 .index2-main .fr{ width:832px; height: 480px; overflow:hidden;}
.index2 .index2-main .fr li{float:left; width:240px; height:220px;  text-align:center; margin-left:25px;}
.index2 .index2-main .fr li h3{ margin-top:10px; background:#EFEFEF; padding:10px 0;}
.index2 .index2-main .fr li a{ display: block;border: 2px solid #fafafa;overflow: hidden;}
.index2 .index2-main .fr li a  img{transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out; width:180px; height:160px;}
.index2 .index2-main .fr li a:hover  img{ transform:scale(1.2); -webkit-transform:scale(1.2);-moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}
.index2 .index2-main .fr li a:hover p{ font-size: 18px;}
.index2 .index2-main .fr li a:hover{ border: 2px solid #37BDF2;}
.index3{width: 100%;background-color: #fafafa; padding: 60px 0 60px 0;}
.index3 .tit{ margin-bottom: 15px;}
.index3 .tit h3{ font-size: 40px; color: #47423c; background: url(icon_13.png) no-repeat center bottom; text-align: center; padding-bottom: 26px;}
.index3 .tit p{ font-size: 14px; color: #969696; text-align: center; line-height: 60px;}
.index3 .index3-main .a1{ position: relative; height: 404px;}
.index3 .index3-main .a1 .bd{ position: absolute; left: 0; top: 0;}
.index3 .index3-main .a1 .b1{ background: url(icon_14.png) no-repeat center; width: 258px; height: 404px; position: absolute; left: 0; top: 0; z-index: 2; padding-left: 20px;}
.index3 .index3-main .a1 .b1 h4{ font-size: 24px; color: #fff; border-bottom: 1px solid #fff; line-height: 72px; margin-top: 7px;}
.index3 .index3-main .a1 .b1 p{ font-size: 13px; color: #fff; line-height: 24px; padding: 35px 0;}
.index3 .index3-main .a1 .b1 h5{ border-bottom: 1px solid #fff; border-top: 1px solid #fff;}
.index3 .index3-main .a1 .b1 h5 a{ font-size: 14px; color: #fff; line-height: 75px; display: block;}
.index3 .index3-main .a1 .b1 h5 a em{background: url(icon_16.png) no-repeat right center; width: 24px; height: 16px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.index3 .index3-main .a1 .b2{ position: absolute; left: 256px; top: 0;z-index: 1;}
.index3 .index3-main .a1 .hd{ position: absolute; right: 0;top: 0;z-index: 2;}
.index3 .index3-main .a1 .hd ul{ height: 404px; width: 280px;}
.index3 .index3-main .a1 .hd li{width: 82px; height: 405px; background:#fff url(icon_17.png) no-repeat 18px 24px; padding: 0 16px; float: right; cursor: pointer;}
/*.index3 .index3-main .a1 .b3{ width: 82px; height: 204px; position: absolute; right: 0; top: 0;}*/
.index3 .index3-main .a1 .hd li p{ font-size: 20px; color: #737373;padding-top: 102px;}
.index3 .index3-main .a1 .hd li h6{ display: none;}
.index3 .index3-main .a1 .hd li.on{ width: 230px; height: 202px; background:#fff url(icon_17.png) no-repeat 30px 24px; padding: 0 20px 0 30px;}
.index3 .index3-main .a1 .hd li.on p{ font-size: 20px; color: #737373; padding-top: 90px; line-height: 47px;}
.index3 .index3-main .a1 .hd li.on h6{ font-size: 13px; color: #a3a3a3; line-height: 24px;display: block;}
.index3 .index3-main .a2{ position: relative; height: 289px;}
.index3 .index3-main .a2 .c1{ width: 556px; height: 289px; position: absolute; left: 0;top: 0;z-index: 1;}
.index3 .index3-main .a2 .c2{ width: 263px; height: 259px; position: absolute; left: 556px;top: 0; background: url(icon_15.png) no-repeat center;z-index: 2; padding-left: 30px; padding-top: 30px;}
.index3 .index3-main .a2 .c2 h4{ font-size: 24px; color: #fff; line-height: 72px;}
.index3 .index3-main .a2 .c2 p{ font-size: 13px; color: #fff; line-height: 24px; padding-bottom: 25px;}
.index3 .index3-main .a2 .c2 h5 a{ font-size: 14px; color: #fff; line-height: 60px; display: block;}
.index3 .index3-main .a2 .c2 h5 a em{background: url(icon_16.png) no-repeat right center; width: 24px; height: 16px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.index3 .index3-main .a2 .c3{ width: 278px; height: 289px; position: absolute; right: 0;top: 0;z-index: 1;}
.index4{width: 100%;background-color: #fff; padding: 10px 0 60px 0;}
.index4 .tit{ margin-bottom: 15px;}
.index4 .tit h3{ font-size: 40px; color: #47423c; background: url(icon_13.png) no-repeat center bottom; text-align: center; padding-bottom: 26px;}
.index4 .tit p{ font-size: 14px; color: #969696; text-align: center; line-height: 60px;}
.index4 .index4-main{position: relative; height: 388px;}
.index4 .index4-main .a1{ width:554px;height: 444px; position: absolute; top: 0;left: 0; overflow: hidden;}
.index4 .index4-main .a1 a{ position: absolute; top: 0;z-index: 1;}
.index4 .index4-main .a1 a img{ transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.index4 .index4-main .a1 a:hover img{  transform:scale(1.2);    -webkit-transform:scale(1.2);    -moz-transform:scale(1.2);    -o-transform:scale(1.2);    -ms-transform:scale(1.2);}
.index4 .index4-main .a1 h5{ font-size: 30px; color: #fff;position: absolute;bottom: 66px;z-index: 2; width: 100%; text-align: center;}
.index4 .index4-main .a1 p{ font-size: 16px; color: #fff;position: absolute;bottom: 36px;z-index: 2; width: 100%; text-align: center;}
.index4 .index4-main .a2{ width: 696px; height: 152px; position: absolute; top: 0;right: 0; background-color: #fafafa; padding: 0 30px;}
.index4 .index4-main .a2 h4{ font-size: 22px; color: #000; line-height: 72px;}
.index4 .index4-main .a2 p{ font-size: 13px; color: #666; line-height: 24px;}
.index4 .index4-main .a2 h5 a{ font-size: 14px; color: #666; line-height: 42px; display: block;}
.index4 .index4-main .a2 h5 a em{background: url(icon_20.png) no-repeat right top; width: 18px; height: 12px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;}
.index4 .index4-main .a3{ width: 279px; height: 222px; position: absolute;bottom: 0; right: 277px;}
.index4 .index4-main .a4{ width: 277px; height: 222px; position: absolute;bottom: 0; right: 0; background-color: #d50a08;}
.index4 .index4-main .a4 h4{ padding: 32px 18px 25px 17px;}
.index4 .index4-main .a4 h4 span{ background: url(icon_19.png) no-repeat center; width: 66px; height: 65px;display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;font-size: 18px; color: #fff; text-align: center; line-height: 65px;}
.index4 .index4-main .a4 h4 font{font-size: 14px; color: #fff; text-align: center; line-height: 65px; padding: 0 6px;}
.index4 .index4-main .a4 h5{text-align: center;}
.index4 .index4-main .a4 h5 a{ background: url(icon_18.png) no-repeat center; width: 108px; height: 36px;display: inline-block;*display: inline;*zoom: 1; font-size: 14px;color:#666; line-height: 36px;}
.index4 .index4-main .a4 h6{ font-size: 12px; color: #fff;text-align: center; padding-top: 12px;}
.index4 .index4-main .a4 p{ font-size: 16px; color: #fff; font-weight: bold;text-align: center; line-height: 24px;}
.index5{width: 100%;background-color: #fafafa; padding: 60px 0 60px 0;}
.index5 .index5-main{}
.index5 .index5-main div.fr{ background-color: #fff; width: 824px; height: 327px;}
.index5 .index5-main .gsdt-tit{ padding: 0 27px; height: 50px; border-bottom: 2px solid #fafafa;}
.index5 .index5-main .gsdt-tit h5{ float: left; font-size: 18px; color: #a0a0a0; line-height: 50px;}
.index5 .index5-main .gsdt-tit h6{ float: right; line-height: 50px;}
.index5 .index5-main .gsdt-tit h6 a{ font-size: 14px; color: #a0a0a0;}
.index5 .index5-main .gsdt-tit h6 a:hover{ color: #37BDF2;}
.index5 .index5-main .gsdt-main{ padding-top: 14px;}
.index5 .index5-main .gsdt-main li{ width: 366px; height: 112px; background-color: #f5f5f5; overflow: hidden;transition: all 0.3s ease; float: left; margin-left: 30px; margin-bottom: 20px;}
.index5 .index5-main .gsdt-main li a{ display: block;}
.index5 .index5-main .gsdt-main li .t1{ float: left; width: 139px; height: 112px;}
.index5 .index5-main .gsdt-main li .t2{ float: left;width: 197px; height: 112px; padding: 0 14px 0 16px;}
.index5 .index5-main .gsdt-main li .t2 h5{ font-size: 15px; color: #5f5f5f; line-height: 42px;transition: all 0.3s ease;*font-size: 14px;}
.index5 .index5-main .gsdt-main li .t2 h6{ font-size: 12px; color: #5f5f5f; line-height: 28px;transition: all 0.3s ease;}
.index5 .index5-main .gsdt-main li .t2 p{ font-size: 13px; color: #5f5f5f; line-height: 20px;transition: all 0.3s ease;}
.index5 .index5-main .gsdt-main li:hover{ background-color: #37bdf2;}
.index5 .index5-main .gsdt-main li:hover .t2 h5{color: #fff;font-weight: bold;}
.index5 .index5-main .gsdt-main li:hover .t2 h6{color: #fff;}
.index5 .index5-main .gsdt-main li:hover .t2 p{ color: #fff;}
.index5 .index5-main div.fl{ background-color: #fff; width: 266px; height: 327px; overflow: hidden;}
.index4 .index4-main .hydt{ width:330px;  border:1px #EEE solid; position: relative;  height: 385px;}
.index4 .index4-main .hydt-tit{ padding: 0 27px; height: 50px; border-bottom: 2px solid #fafafa; position: relative; background:#EEE;}
.index4 .index4-main .hydt-tit h5{ font-size: 18px; color: #a0a0a0; line-height: 50px;}
.index4 .index4-main .hydt-main ul{ padding: 14px 20px 0 20px;}
.index4 .index4-main .hydt-main ul li ul li{ width: 260px; height: 30px; border-bottom:1px #CCC dashed; padding-bottom:1px; margin-bottom:5px;}

.index4 .index4-main .hydt-tit .arrow{  position:absolute; right:10px; top:0; }
.index4 .index4-main .hydt-tit .arrow a{ display:block;  width:31px; height:23px; float:right; margin-top:10px; overflow:hidden; cursor:pointer; background:url(icon_22.png) no-repeat center left; }
.index4 .index4-main .hydt-tit .arrow .next{ background-position: center right;}

.index8{ width:1120px; margin:0 auto; margin:20px auto 0 auto;}
.index8  .hydt{ width:300px;  border:1px #EEE solid;  height:auto; float:left;}


    .header .top p  .w{display:none;position: fixed;top: 35px; z-index: 999; margin-left: -50px;}
    .he .top p .w span{color:blue;}
    .header .top p .weixin:hover .w{display:block;}
.index8  .hydt .hydt1{ font-size:30px; padding:5px 0 5px 45px; background:url(1181697.png) no-repeat 10px 10px;}
.index8  .hydt .hydt1 h5{ color:#cf0227;}
.index8  .hydt .hydt2 .cpl1{ background:url(cpl1.jpg) no-repeat; height:50px; text-align:center; margin-top:10px;  -webkit-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s;transition:1s;position:relative; }
.index8  .hydt .hydt2 .cpl1 a{ font-size:22px; color:#FFF; line-height:50px; font-family:"微软雅黑"; text-shadow:1px 1px 3px #000;}
.index8  .hydt .hydt2 .cpl1:hover{ background:#38C1FC;
animation:cpl2 0.5s linear 0s infinite alternate;
/* Firefox: */
-moz-animation:cpl2 0.5s linear 0s infinite alternate;
/* Safari and Chrome: */
-webkit-animation:cpl2 0.5s linear 0s infinite alternate;
/* Opera: */
-o-animation:cpl2 0.5s linear 0s infinite alternate;
}
@keyframes cpl2
{
0%   {left:0px; top:0px;}
25%  {left:-5px; top:0px;}
50%  {left:5px; top:0px;}
100% {left:0px; top:0px;}
}

@-moz-keyframes cpl2 /* Firefox */
{
0%   {left:0px; top:0px;}
25%  {left:-5px; top:0px;}
50%  {left:5px; top:0px;}
100% {left:0px; top:0px;}
}

@-webkit-keyframes cpl2 /* Safari and Chrome */
{
0%   {left:0px; top:0px;}
25%  {left:-5px; top:0px;}
50%  {left:5px; top:0px;}
100% {left:0px; top:0px;}
}

@-o-keyframes cpl2 /* Opera */
{
0%   {left:0px; top:0px;}
25%  {left:-5px; top:0px;}
50%  {left:5px; top:0px;}
100% {left:0px; top:0px;}
}
.index8  .hydt .hydt2 .cpl1 a:hover,.index8  .hydt .hydt2 .cpl2 a:hover{ color:#F00;}
.index8  .hydt .lx1{ padding:30px 0 0 0;}
.index8  .hydt .lx2{font-size:30px; padding:20px 0 5px 45px; background:url(522535.png) no-repeat 10px 30px; border-top:#EBEBEB 1px dashed;}
.index8  .hydt .lx2 h5{color:#cf0227;}
.index8  .hydt .lx3{ height:350px; background:url(kfkf.jpg) bottom no-repeat; font-size:16px; padding-top:20px; padding-left:10px;}
.index8  .hydt .lx3 p{background: url(icon_5_1.png) no-repeat left center; height: 50px;  margin-top:20px; padding:30px 0 0 60px; font-size:18px;}
.index8  .right1{ float:right; width:800px; border:1px #EEE solid;}
.index8  .right1 .right1_1{ height:55px; background:url(titibg.jpg) no-repeat bottom; text-align:center;}
.index8  .right1 .right1_1 p{  height:40px; font-size:16px; line-height:55px;}
.index8  .right1 .right1_2{ padding:15px 5px 5px;}

.nl li{ border-bottom:#F2F2F2 1px dashed; height:15px;}
.addTime{ font-size:12px; color:#666; font-family:"微软雅黑"; margin-right:10px;}
.className{ font-size:14px; letter-spacing:2px; font-family:"微软雅黑";}
.mm{ padding-top:15px;}
.mm p{ font-family:"微软雅黑"; font-size:14px;  line-height:25px;}
.zs1 img{ margin-left:55px;}